* {
    margin: 0;
    /* 重置所有元素的外边距为0 */
    padding: 0;
    /* 重置所有元素的内边距为0 */
    font-family: 'Poppins', sans-serif;
    /* 设置全局字体为Poppins，备选为无衬线字体 */
}

body {
    background-image: url(https://th.bing.com/th/id/R.dbaa575be4e15372292da92cca6d7520?rik=IPunUmYrZAVBag&pid=ImgRaw&r=0);
    /* 设置背景图片，可在url中添加背景图片 */
    background-attachment: fixed;
    /* 背景固定，不随内容滚动 */
    background-blend-mode: hard-light;
    /* 设置背景混合模式为硬光 */
}

.container {
    position: absolute;
    /* 绝对定位容器 */
    top: 80px;
    /* 距离顶部80像素 */
    left: 100px;
    /* 距离左侧100像素 */
    right: 100px;
    /* 距离右侧100像素 */
    bottom: 80px;
    /* 距离底部80像素 */
    background: url();
    /* 设置背景图 */
    background-attachment: fixed;
    /* 背景固定 */
    display: flex;
    /* 使用弹性布局 */
    justify-content: center;
    /* 水平居中对齐子元素 */
    align-items: center;
    /* 垂直居中对齐子元素 */
    flex-direction: column;
    /* 子元素按列排列 */
}

.container h2 {
    text-align: center;
    /* 标题文本居中对齐 */
    font-size: 10em;
    /* 设置标题字体大小为10em */
    line-height: 0.7em;
    /* 设置行高 */
    color: #000000;
    /* 设置标题字体颜色 */
    margin-top: -100px;
    /* 使标题向上移动80像素 */
}

.container h2 span {
    display: block;
    /* 将span设置为块级元素 */
    font-weight: 300;
    /* 设置字体重量 */
    letter-spacing: 6px;
    /* 设置字母间距 */
    font-size: 0.2em;
    /* 设置字体大小为0.2em */
}

.countdown {
    display: flex;
    /* 使用弹性布局 */
    margin-top: 150px;
    /* 设置顶部外边距为100像素 */
}

.countdown div {
    width: 100px;
    /* 设置宽度为100像素 */
    height: 100px;
    /* 设置高度为100像素 */
    line-height: 100px;
    /* 使文本垂直居中，行高与高度相同 */
    text-align: center;
    /* 文本水平居中 */
    background: #333;
    /* 设置背景颜色为深灰色 */
    color: #ff0000;
    /* 设置字体颜色为白色 */
    margin: 0 15px;
    /* 设置左右外边距为15像素 */
    font-size: 3em;
    /* 设置字体大小为3em */
    font-weight: 500;
    /* 设置字体重量 */
}

